<div class="videoContainer">
  <!--<video id="example_video_1" class="video-js vjs-default-skin" controls preload="none"-->
  <!--  poster="http://vjs.zencdn.net/v/oceans.png" data-setup="{}">-->
  <!--  <source src="http://vjs.zencdn.net/v/oceans.mp4" type="video/mp4">-->
  <!--  <source src="http://vjs.zencdn.net/v/oceans.webm" type="video/webm">-->
  <!--  <source src="http://vjs.zencdn.net/v/oceans.ogv" type="video/ogg">-->
  <!--  <track kind="captions" src="../shared/example-captions.vtt" srclang="en" label="English">-->
  <!--  </track>-->
    <!-- Tracks need an ending tag thanks to IE9 -->
  <!--  <track kind="subtitles" src="../shared/example-captions.vtt" srclang="en" label="English">-->
  <!--  </track>-->
    <!-- Tracks need an ending tag thanks to IE9 -->
  <!--  <p class="vjs-no-js">To view this video please enable JavaScript, and consider upgrading to a web browser that <a-->
  <!--      href="http://videojs.com/html5-video-support/" target="_blank">supports HTML5 video</a></p>-->
  <!--</video>-->
  <video id="example_video_1" class="video-js vjs-default-skin" controls autoplay preload="none">
          <source src="content/video/1.mp4" type="video/mp4">
          <!-- <source src="http://vjs.zencdn.net/v/oceans.mp4" type="video/mp4">
          <source src="http://vjs.zencdn.net/v/oceans.webm" type="video/webm">
          <source src="http://vjs.zencdn.net/v/oceans.ogv" type="video/ogg"> -->
          <!-- <track kind="captions" src="../shared/example-captions.vtt" srclang="en" label="English">
          </track> -->
          <!-- Tracks need an ending tag thanks to IE9 -->
          <!-- <track kind="subtitles" src="../shared/example-captions.vtt" srclang="en" label="English">
          </track> -->
          <!-- Tracks need an ending tag thanks to IE9 -->
          <p class="vjs-no-js">To view this video please enable JavaScript, and consider upgrading to a web browser
            that
            <a href="http://videojs.com/html5-video-support/" target="_blank">supports HTML5 video</a></p>
        </video>
  <div class="buttonGroup">
    <div class="button">
      <i class="iconfont icon-suoxiao" (click)="shrink()"></i>
    </div>
    <div class="button">
      <i class="iconfont icon-fangda" (click)="enlarge()"></i>
    </div>
    <div class="button2">
      <div nz-row>
        <div nz-col nzSpan="8"></div>
        <div nz-col nzSpan="8">
          <i class="iconfont icon-down" (click)="goTop()" style="transform: rotateZ(180deg)"></i>
        </div>
        <div nz-col nzSpan="8"></div>
      </div>
      <div nz-row>
        <div nz-col nzSpan="8"><i class="iconfont icon-right1" (click)="goLeft()"
            style="transform: rotateZ(180deg)"></i></div>
        <div nz-col nzSpan="8"></div>
        <div nz-col nzSpan="8"><i class="iconfont icon-right1" (click)="goRight()"></i></div>
      </div>
      <div nz-row>
        <div nz-col nzSpan="8"></div>
        <div nz-col nzSpan="8"><i class="iconfont icon-down" (click)="goBottom()"></i></div>
        <div nz-col nzSpan="8"></div>
      </div>
    </div>
  </div>
</div>